/**
 * @fileOverview svg容器
 */

module.exports = gg.createClass({
    attributes: {
        x1: {
            label: 'x1',
            type: 'datatype.Number',
            defaultValue: 0,
            setter: function(v) {
                this.node.attr('x1', v);
            },
            getter: function() {
                return this.node.attr('x1');
            }
        },
        y1: {
            label: 'y1',
            type: 'datatype.Number',
            defaultValue: 0,
            setter: function(v) {
                this.node.attr('y1', v);
            },
            getter: function() {
                return this.node.attr('y1');
            }
        },
        x2: {
            label: 'x2',
            type: 'datatype.Number',
            defaultValue: 0,
            setter: function(v) {
                this.node.attr('x2', v);
            },
            getter: function() {
                return this.node.attr('x2');
            }
        },
        y2: {
            label: 'y2',
            type: 'datatype.Number',
            defaultValue: 0,
            setter: function(v) {
                this.node.attr('y2', v);
            },
            getter: function() {
                return this.node.attr('y2');
            }
        }
    },
    methods: {
        /**
         * @override
         */
        createNode: function() {
            var el = $(this.createElement('line'));
            el.attr('style', 'stroke:rgb(99,99,99);stroke-width:2');
            return el;
        }
    },
    events: {}
}, 'ui.svg.Shape', []);